Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-night-mode-disabled vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-sticky-header-enabled" lang="en" dir="ltr"><head>
<meta charset="UTF-8">
<title>Tile-based video game</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://en.wikipedia.org/wiki/Tile-based_video_game"> <link href="./mw/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/skins.vector.styles.css" rel="stylesheet" type="text/css">
<link href="./mw/user.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link rel="stylesheet" type="text/css" href="./mw/site.styles.css">
<link rel="stylesheet" type="text/css" href="./mw/noscript.css">
<link rel="stylesheet" type="text/css" href="./footer.css">
<link rel="stylesheet" type="text/css" href="./vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Tile-based_video_game rootpage-Tile-based_video_game skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading">
<span id="openzim-page-title" class="mw-page-title-main"><span class="mw-page-title-main">Tile-based video game</span></span>
</h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr">
<style data-mw-deduplicate="TemplateStyles:r1236090951">
/* start https://en.wikipedia.org/ */


.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}


/* end https://en.wikipedia.org/ */
</style><div role="note" class="hatnote navigation-not-searchable">For board games played with tiles, see <a href="Tile-based_game" title="Tile-based game">Tile-based game</a>.</div>
<div role="note" class="hatnote navigation-not-searchable">"Tile map" redirects here. For a map displayed in a web browser, see <a href="Tiled_web_map" title="Tiled web map">Tiled web map</a>.</div>
<style data-mw-deduplicate="TemplateStyles:r1305433154">
/* start https://en.wikipedia.org/ */


.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}


/* end https://en.wikipedia.org/ */
</style><style data-mw-deduplicate="TemplateStyles:r1248332772">
/* start https://en.wikipedia.org/ */


.mw-parser-output .multiple-issues-text{width:95%;margin:0.2em 0}.mw-parser-output .multiple-issues-text>.mw-collapsible-content{margin-top:0.3em}.mw-parser-output .compact-ambox .ambox{border:none;border-collapse:collapse;background-color:transparent;margin:0 0 0 1.6em!important;padding:0!important;width:auto;display:block}body.mediawiki .mw-parser-output .compact-ambox .ambox.mbox-small-left{font-size:100%;width:auto;margin:0}.mw-parser-output .compact-ambox .ambox .mbox-text{padding:0!important;margin:0!important}.mw-parser-output .compact-ambox .ambox .mbox-text-span{display:list-item;line-height:1.5em;list-style-type:disc}body.skin-minerva .mw-parser-output .multiple-issues-text>.mw-collapsible-toggle,.mw-parser-output .compact-ambox .ambox .mbox-image,.mw-parser-output .compact-ambox .ambox .mbox-imageright,.mw-parser-output .compact-ambox .ambox .mbox-empty-cell,.mw-parser-output .compact-ambox .hide-when-compact{display:none}


/* end https://en.wikipedia.org/ */
</style>
<style data-mw-deduplicate="TemplateStyles:r1129693374">
/* start https://en.wikipedia.org/ */


.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}


/* end https://en.wikipedia.org/ */
</style><style data-mw-deduplicate="TemplateStyles:r1246091330">
/* start https://en.wikipedia.org/ */


.mw-parser-output .sidebar{width:22em;float:right;clear:right;margin:0.5em 0 1em 1em;background:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid var(--border-color-base,#a2a9b1);padding:0.2em;text-align:center;line-height:1.4em;font-size:88%;border-collapse:collapse;display:table}body.skin-minerva .mw-parser-output .sidebar{display:table!important;float:right!important;margin:0.5em 0 1em 1em!important}.mw-parser-output .sidebar-subgroup{width:100%;margin:0;border-spacing:0}.mw-parser-output .sidebar-left{float:left;clear:left;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-none{float:none;clear:both;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-outer-title{padding:0 0.4em 0.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .sidebar-top-image{padding:0.4em}.mw-parser-output .sidebar-top-caption,.mw-parser-output .sidebar-pretitle-with-top-image,.mw-parser-output .sidebar-caption{padding:0.2em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-pretitle{padding:0.4em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-title,.mw-parser-output .sidebar-title-with-pretitle{padding:0.2em 0.8em;font-size:145%;line-height:1.2em}.mw-parser-output .sidebar-title-with-pretitle{padding:0.1em 0.4em}.mw-parser-output .sidebar-image{padding:0.2em 0.4em 0.4em}.mw-parser-output .sidebar-heading{padding:0.1em 0.4em}.mw-parser-output .sidebar-content{padding:0 0.5em 0.4em}.mw-parser-output .sidebar-content-with-subgroup{padding:0.1em 0.4em 0.2em}.mw-parser-output .sidebar-above,.mw-parser-output .sidebar-below{padding:0.3em 0.8em;font-weight:bold}.mw-parser-output .sidebar-collapse .sidebar-above,.mw-parser-output .sidebar-collapse .sidebar-below{border-top:1px solid #aaa;border-bottom:1px solid #aaa}.mw-parser-output .sidebar-navbar{text-align:right;font-size:115%;padding:0 0.4em 0.4em}.mw-parser-output .sidebar-list-title{padding:0 0.4em;text-align:left;font-weight:bold;line-height:1.6em;font-size:105%}.mw-parser-output .sidebar-list-title-c{padding:0 0.4em;text-align:center;margin:0 3.3em}@media(max-width:640px){body.mediawiki .mw-parser-output .sidebar{width:100%!important;clear:both;float:none!important;margin-left:0!important;margin-right:0!important}}body.skin--responsive .mw-parser-output .sidebar a>img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media print{body.ns-0 .mw-parser-output .sidebar{display:none!important}}


/* end https://en.wikipedia.org/ */
</style><table class="sidebar sidebar-collapse nomobile"><tbody><tr><td class="sidebar-top-image"><span typeof="mw:File"></span></td></tr><tr><td class="sidebar-pretitle-with-top-image">Part of a series on</td></tr><tr><th class="sidebar-title-with-pretitle"><a href="Video_game_graphics" title="Video game graphics">Video game graphics</a></th></tr><tr><td class="sidebar-content">
<div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="color: var(--color-base)">Types</div><div class="sidebar-list-content mw-collapsible-content" style="text-align:left;">
<ul><li><a href="2.5D" title="2.5D">2.5D &amp; 3/4 perspective</a></li>
<li><a href="First-person_(video_games)" title="First-person (video games)">First-person view</a></li>
<li><a href="Fixed_3D" class="mw-redirect" title="Fixed 3D">Fixed 3D</a></li>
<li><a href="Full_motion_video_based_game" class="mw-redirect" title="Full motion video based game">Full motion video based game</a></li>
<li><a href="Graphic_adventure_game" class="mw-redirect" title="Graphic adventure game">Graphic adventure game</a></li>
<li><a href="Isometric_video_game_graphics" title="Isometric video game graphics">Isometric video game graphics</a></li>
<li><a href="Side-scrolling_video_game" title="Side-scrolling video game">Side-scrolling video game</a></li>
<li><a href="Stereoscopic_video_game" title="Stereoscopic video game">Stereoscopic video game</a></li>
<li><a href="Text-based_game" title="Text-based game">Text-based game</a></li>
<li><a href="Third-person_view" class="mw-redirect" title="Third-person view">Third-person view</a></li>

<li><a href="Top-down_perspective" class="mw-redirect" title="Top-down perspective">Top-down perspective</a></li>
<li><a href="Vector_game" class="mw-redirect" title="Vector game">Vector game</a></li></ul></div></div></td>
</tr><tr><td class="sidebar-content">
<div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="color: var(--color-base)">Topics</div><div class="sidebar-list-content mw-collapsible-content" style="text-align:left;">
<ul><li><a href="2D_computer_graphics" title="2D computer graphics">2D computer graphics</a>
<ul><li><a href="Parallax_scrolling" title="Parallax scrolling">Parallax scrolling</a></li>
<li><a href="Pixel_art" title="Pixel art">Pixel art</a></li>
<li><a href="Sprite_(computer_graphics)" title="Sprite (computer graphics)">Sprite</a></li></ul></li>
<li><a href="3D_computer_graphics" title="3D computer graphics">3D computer graphics</a>
<ul><li><a href="3D_rendering" title="3D rendering">3D rendering</a></li>
<li><a href="Polygon_(computer_graphics)" title="Polygon (computer graphics)">Polygon</a></li>
<li><a href="Pre-rendering" title="Pre-rendering">Pre-rendering</a></li>
<li><a href="Cel_shading" title="Cel shading">Cel shading</a></li>
<li><a href="Skybox_(video_games)" title="Skybox (video games)">Skybox</a></li></ul></li>
<li><a href="Animation" title="Animation">Animation</a>
<ul><li><a href="Digitization" title="Digitization">Digitization</a></li>
<li><a href="Rotoscoping" title="Rotoscoping">Rotoscoping</a></li></ul></li>
<li><a href="Computer_graphics" title="Computer graphics">Computer graphics</a>
<ul><li><a href="Real-time_computer_graphics" title="Real-time computer graphics">Real-time graphics</a></li></ul></li>
<li><a href="Game_art_design" title="Game art design">Game art design</a></li>
<li><a href="Game_engine" title="Game engine">Graphics engine</a>
<ul><li><a href="First-person_shooter_engine" title="First-person shooter engine">First-person shooter engine</a></li>
</ul></li>
<li><a href="Virtual_camera_system" title="Virtual camera system">Virtual camera system</a></li>
<li><a href="Voxel" title="Voxel">Voxel</a></li></ul></div></div></td>
</tr><tr><td class="sidebar-content">
<div class="sidebar-list mw-collapsible mw-collapsed"><div class="sidebar-list-title" style="color: var(--color-base)">Lists</div><div class="sidebar-list-content mw-collapsible-content" style="text-align:left;">
<ul><li><a href="List_of_four-dimensional_games" title="List of four-dimensional games">List of four-dimensional games</a></li>
<li><a href="List_of_interactive_movies" class="mw-redirect" title="List of interactive movies">List of FMV-based games</a></li>
<li><a href="List_of_first-person_shooter_engines" title="List of first-person shooter engines">List of FPS engines</a></li>
<li><a href="List_of_stereoscopic_video_games" title="List of stereoscopic video games">List of stereoscopic video games</a></li>
<li><a href="List_of_text-based_computer_games" title="List of text-based computer games">List of text-based computer games</a></li>
<li>Category:Video game graphics</li></ul></div></div></td>
</tr><tr><td class="sidebar-navbar"><style data-mw-deduplicate="TemplateStyles:r1239400231">
/* start https://en.wikipedia.org/ */


.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}


/* end https://en.wikipedia.org/ */
</style></td></tr></tbody></table>

<p>A <b>tile-based video game</b>, or <b>grid-based video game</b>, is a type of <a href="Video_game" title="Video game">video game</a> where the playing area consists of small square (or, much less often, rectangular, parallelogram, or hexagonal) graphic images referred to as <i>tiles</i> laid out in a grid. That the screen is made of such tiles is a technical distinction, and may not be obvious to people playing the game. The complete set of tiles available for use in a playing area is called a <i>tileset</i>. Tile-based games usually simulate a <a href="Top-down_perspective" class="mw-redirect" title="Top-down perspective">top-down</a>, side view, or <a href="2.5D" title="2.5D">2.5D</a> view of the playing area, and are almost always <a href="2D_computer_graphics" title="2D computer graphics">two-dimensional</a>.
</p><p>Much video game hardware from the late 1970s through the mid-1990s has native support for displaying tiled screens with little interaction from the CPU.
</p>
<meta property="mw:PageProp/toc">
<div class="mw-heading mw-heading2"><h2 id="Overview">Overview</h2></div>
<p>Tile-based games are not a distinct <a href="Video_game_genre" title="Video game genre">video game genre</a>. The term refers to the technology that the hardware or <a href="Game_engine" title="Game engine">game engine</a> uses for its visual representation. For example, <i><a href="Pac-Man" title="Pac-Man">Pac-Man</a></i> is an action game, <i><a href="Ultima_I" class="mw-redirect" title="Ultima I">Ultima</a></i> is a <a href="Role-playing_video_game" title="Role-playing video game">role-playing video game</a> and <i><a href="Civilization_(video_game)" title="Civilization (video game)">Civilization</a></i> is a <a href="Turn-based_strategy" class="mw-redirect" title="Turn-based strategy">turn-based strategy</a> game, but all three render the world as tiles. <i>Ultima III</i> and <i>Civilization</i> draw the tiles via software, while the maze in the original arcade version of <i>Pac-Man</i> is made of tiles displayed by the game's graphics hardware. Tiles allow developers to build with a set of reusable components instead of drawing everything individually.
</p><p>Tile-based video games usually use a <a href="Texture_atlas" title="Texture atlas">texture atlas</a> for performance reasons. They also store metadata about the tiles, such as collision, damage, and entities, either with a 2-dimensional <a href="Array_data_structure" class="mw-redirect" title="Array data structure">array</a> mapping the tiles, or a second texture atlas mirroring the visual one but coding metadata by colour. This approach allows for simple, visual map data, letting <a href="Level_designer" class="mw-redirect" title="Level designer">level designers</a> create entire worlds with a tile reference sheet and perhaps a <a href="Text_editor" title="Text editor">text editor</a>, a <a href="Paint_program" class="mw-redirect" title="Paint program">paint program</a>, or a simple level editor (many older games included the editor in the game). Examples of tile-based <a href="Game_engine" title="Game engine">game engine</a>/IDEs include <a href="RPG_Maker" title="RPG Maker">RPG Maker</a>, <a href="GameMaker%3A_Studio" class="mw-redirect" title="GameMaker: Studio">Game Maker</a>, <a href="Construct_(game_engine)" title="Construct (game engine)">Construct</a>, and <a href="Godot_(game_engine)" title="Godot (game engine)">Godot</a>.
</p><p>Variations include level data using "material tiles" that are procedurally transformed into the final tile graphics, and groupings of tiles as larger-scale "supertiles" or "chunks," allowing large tiled worlds to be constructed under heavy memory constraints. <a href="Ultima_7" class="mw-redirect" title="Ultima 7">Ultima 7</a> uses a "tile," "chunk" and "superchunk" three-layer system to construct an enormous, detailed world within the PCs of the early 1990s.
</p>
<div class="mw-heading mw-heading2"><h2 id="History">History</h2></div>
<p>The tile-map model was introduced to video games by <a href="Namco" title="Namco">Namco</a>'s <a href="Arcade_game" title="Arcade game">arcade game</a> <i><a href="Galaxian" title="Galaxian">Galaxian</a></i> (<a href="1979_in_video_gaming" class="mw-redirect" title="1979 in video gaming">1979</a>), which ran on the <a href="Namco_Galaxian" class="mw-redirect" title="Namco Galaxian">Namco Galaxian</a> <a href="Arcade_system_board" class="mw-redirect" title="Arcade system board">arcade system board</a>, capable of displaying multiple colors per tile as well as <a href="Scrolling" title="Scrolling">scrolling</a>. It used a tile size of 8×8 <a href="Pixel" title="Pixel">pixels</a>, which since became the most common tile size used in video games. A tilemap consisting of 8×8 tiles required 64 times less memory and processing time than a non-tiled <a href="Framebuffer" title="Framebuffer">framebuffer</a>, which allowed <i>Galaxian</i><span class="nowrap" style="padding-left:0.1em;">'</span>s tile-map system to display more sophisticated graphics, and with better performance, than the more intensive framebuffer system previously used by <i><a href="Space_Invaders" title="Space Invaders">Space Invaders</a></i> (<a href="1978_in_video_gaming" class="mw-redirect" title="1978 in video gaming">1978</a>).<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Some <a href="Video_game_consoles" class="mw-redirect" title="Video game consoles">video game consoles</a> such as the <a href="Intellivision" title="Intellivision">Intellivision</a>, released in 1979, were designed to use tile-based graphics, since their games had to fit into <a href="Video_game_cartridge" class="mw-redirect" title="Video game cartridge">video game cartridges</a> as small as 4K in size.
</p><p><a href="Home_computer" title="Home computer">Home computers</a> had hardware tile support in the form of <a href="ASCII" title="ASCII">ASCII</a> characters arranged in a grid, usually for the purposes of displaying text, but games could be written using letters and punctuation as game elements. The <a href="Atari_8-bit_computers" title="Atari 8-bit computers">Atari 400/800</a> home computers, released in 1979, allow the standard character set to be replaced by a custom one.<sup id="cite_ref-dere_2-0" class="reference"><a href="#cite_note-dere-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> The new characters don't have to be glyphs, but the walls of a maze or ladders or any game graphics that fit in an 8x8 pixel square. The video coprocessor provides different modes for displaying character grids. In most modes, individual monochrome characters can be displayed in one of four colors; others allow characters to be constructed of 2-bit pixels instead, which allowed up to 5 colors to be displayed by swapping between 2 colors via an extra bit in the tile index byte. Atari used the term <i>redefined characters</i> and not <i>tiles</i>.
</p><p>The tile model became widely used in specific game genres such as <a href="Platform_game" class="mw-redirect" title="Platform game">platform games</a> and <a href="Role-playing_video_game" title="Role-playing video game">role-playing video games</a>, and reached its peak during the 8-bit and 16-bit eras of consoles, with games such as <a href="Mega_Man_(video_game)" class="mw-redirect" title="Mega Man (video game)">Mega Man</a> (<a href="Nintendo_Entertainment_System" title="Nintendo Entertainment System">NES</a>), <i><a href="The_Legend_of_Zelda%3A_A_Link_to_the_Past" title="The Legend of Zelda: A Link to the Past">The Legend of Zelda: A Link to the Past</a></i> (<a href="Super_Nintendo_Entertainment_System" title="Super Nintendo Entertainment System">SNES</a>) and <i><a href="Shining_Force" title="Shining Force">Shining Force</a></i> (<a href="Mega_Drive" class="mw-redirect" title="Mega Drive">Mega Drive</a>) being prime examples of tile-based games, producing a highly recognizable look and feel.
</p>

<p>Most early tile-based games used a top-down perspective. The top-down perspective evolved to a simulated 45-degree angle, seen in 1994's <i><a href="Final_Fantasy_VI" title="Final Fantasy VI">Final Fantasy VI</a></i>, allowing the player to see both the top and one side of objects, to give more sense of depth; this style dominated <a href="History_of_video_games_(8-bit_era)" class="mw-redirect" title="History of video games (8-bit era)">8-bit</a> and <a href="History_of_video_games_(16-bit_era)" class="mw-redirect" title="History of video games (16-bit era)">16-bit</a> <a href="Video_game_console" title="Video game console">console</a> role-playing games. <a href="Ultimate_Play_the_Game" title="Ultimate Play the Game">Ultimate Play the Game</a> developed a series of video games in the 1980s that employed a tile-based <a href="Isometric_graphics_in_video_games_and_pixel_art" class="mw-redirect" title="Isometric graphics in video games and pixel art">isometric perspective</a>. As computers advanced, isometric and <a href="Dimetric_projection" class="mw-redirect" title="Dimetric projection">dimetric</a> perspectives began to predominate in tile-based games, using <a href="Parallelogram" title="Parallelogram">parallelogram</a>-shaped tiles instead of square tiles. Notable titles include:
</p>
<ul><li><i><a href="Ultima_Online" title="Ultima Online">Ultima Online</a></i>, which mixed elements of 3D (the ground, which is a tile-based height map) and 2D (objects) tiles</li>
<li><i><a href="Civilization_II" title="Civilization II">Civilization II</a></i>, which updated Civilization's top-down perspective to a dimetric perspective</li>
<li>The <i><a href="Avernum_series" class="mw-redirect" title="Avernum series">Avernum</a></i> series, which remade the top-down role-playing series <a href="Exile_(1995_video_game_series)" title="Exile (1995 video game series)"><i>Exile</i></a> with an isometric engine.</li></ul>
<p>Hexagonal tile-based games have been limited for the most part to the strategy and <a href="Wargame_(video_games)" class="mw-redirect" title="Wargame (video games)">wargaming</a> genres. Notable examples include the Sega <a href="Sega_Mega_Drive" class="mw-redirect" title="Sega Mega Drive">Genesis</a> game <i><a href="Master_of_Monsters" class="mw-redirect" title="Master of Monsters">Master of Monsters</a></i>, <a href="Strategic_Simulations%2C_Inc." class="mw-redirect" title="Strategic Simulations, Inc.">SSI</a>'s <i>Five Star</i> series of wargames starting with <i><a href="Panzer_General" title="Panzer General">Panzer General</a></i>, the <i><a href="Age_of_Wonders" title="Age of Wonders">Age of Wonders</a></i> series and <i><a href="Battle_for_Wesnoth" class="mw-redirect" title="Battle for Wesnoth">Battle for Wesnoth</a></i>.
</p>
<div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2></div>
<ul><li><a href="Texture_atlas" title="Texture atlas">Texture atlas</a></li>
<li><a href="Top-down_perspective" class="mw-redirect" title="Top-down perspective">Top-down perspective</a></li>
<li><a href="Isometric_graphics_in_video_games_and_pixel_art" class="mw-redirect" title="Isometric graphics in video games and pixel art">Isometric graphics in video games and pixel art</a></li>
<li><a href="Tiled_rendering" title="Tiled rendering">Tiled rendering</a></li>
<li><a href="Heightmap" title="Heightmap">Heightmap</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="References">References</h2></div>
<style data-mw-deduplicate="TemplateStyles:r1239543626">
/* start https://en.wikipedia.org/ */


.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}


/* end https://en.wikipedia.org/ */
</style><div class="reflist">
<div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">
/* start https://en.wikipedia.org/ */


.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("./mw/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("./mw/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("./mw/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("./mw/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}


/* end https://en.wikipedia.org/ */
</style><cite id="CITEREFMark_J._P._Wolf2012" class="citation book cs1">Mark J. P. Wolf (15 June 2012). <a rel="nofollow" class="external text" href="https://books.google.com/books?id=oK3D4i5ldKgC&amp;pg=PA173"><i>Before the Crash: Early Video Game History</i></a>. Wayne State University Press. p.&nbsp;173. <a href="ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&nbsp;<bdi>978-0814337226</bdi><span class="reference-accessdate">. Retrieved <span class="nowrap">8 July</span> 2016</span>.</cite></span>
</li>
<li id="cite_note-dere-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-dere_2-0">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.atariarchives.org/dere/chapt03.php">"De Re Atari"</a>. <i>atariarchives.org</i>. Atari, Inc. 1982.</cite></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><cite id="CITEREFPatchett1982" class="citation book cs1">Patchett, Craig (1982). <a rel="nofollow" class="external text" href="http://atariarchives.org/c1bag/page053.php"><i>Designing Your Own Character Sets</i></a>. COMPUTE! Books.</cite></span>
</li>
</ol></div></div>
<p><br>
</p>
<div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1236075235">
/* start https://en.wikipedia.org/ */


.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}


/* end https://en.wikipedia.org/ */
</style></div><div role="navigation" class="navbox" aria-labelledby="Game_engines_(list)393" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Game_engines_(list)393" style="font-size:114%;margin:0 4em"><a href="Game_engine" title="Game engine">Game engines</a> (<a href="List_of_game_engines" title="List of game engines">list</a>)</div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div>
<ul><li><a href="Source_port" title="Source port">Source port</a></li>
<li><a href="First-person_shooter_engine" title="First-person shooter engine">First-person shooter engine</a>
<ul><li><a href="List_of_first-person_shooter_engines" title="List of first-person shooter engines">List of first-person shooter engines</a></li></ul></li>
<li><a href="Game_engine_recreation" title="Game engine recreation">Game engine recreation</a>
<ul><li><a href="List_of_game_engine_recreations" title="List of game engine recreations">List of game engine recreations</a></li></ul></li>
<li><a href="Game_creation_system" title="Game creation system">Game creation system</a></li>
<li>Game IDE</li>
<li><a href="List_of_visual_novel_engines" title="List of visual novel engines">List of visual novel engines</a></li>
<li><a href="Id_Tech" title="Id Tech">id Tech</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="Proprietary_software" title="Proprietary software">Proprietary</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%">1980s</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Adventure_Game_Interpreter" title="Adventure Game Interpreter">Adventure Game Interpreter</a></li>
<li><a href="Cobra_(game_engine)" class="mw-redirect" title="Cobra (game engine)">Cobra</a></li>
<li><a href="Filmation_(game_engine)" title="Filmation (game engine)">Filmation</a></li>
<li><a href="Freescape" title="Freescape">Freescape</a></li>
<li><a href="Gold_Box" title="Gold Box">Gold Box</a></li>
<li><a href="Sierra_Creative_Interpreter" title="Sierra Creative Interpreter">Sierra Creative Interpreter</a></li>
<li><a href="SCUMM" title="SCUMM">SCUMM</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">1990s</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="3D_GameStudio" title="3D GameStudio">3D GameStudio</a></li>
<li><a href="Clickteam" title="Clickteam">Clickteam</a></li>
<li><a href="Dark_Engine" title="Dark Engine">Dark Engine</a></li>
<li><a href="GameMaker" title="GameMaker">GameMaker</a></li>
<li><a href="Genie_Engine" title="Genie Engine">Genie Engine</a></li>
<li><a href="GoldSrc" title="GoldSrc">GoldSrc</a></li>
<li><a href="Jedi_(game_engine)" title="Jedi (game engine)">Jedi</a></li>
<li><a href="LithTech" title="LithTech">LithTech</a></li>
<li><a href="Mugen_(game_engine)" title="Mugen (game engine)">Mugen</a></li>
<li><a href="Pie_in_the_Sky_(game_engine)" title="Pie in the Sky (game engine)">Pie in the Sky</a></li>
<li><a href="Reality_Lab" title="Reality Lab">Reality Lab</a></li>
<li><a href="RenderWare" title="RenderWare">RenderWare</a></li>
<li><a href="RPG_Maker" title="RPG Maker">RPG Maker</a></li>
<li><a href="Sim_RPG_Maker" title="Sim RPG Maker">Sim RPG Maker</a></li>
<li><a href="Unreal_Engine_1" title="Unreal Engine 1">Unreal Engine 1</a></li>
<li><a href="Virtools" class="mw-redirect" title="Virtools">Virtools</a></li>
<li><a href="Virtual_Theatre" title="Virtual Theatre">Virtual Theatre</a></li>
<li><a href="Voxel_Space" title="Voxel Space">Voxel Space</a></li>
<li><a href="Zillions_of_Games" title="Zillions of Games">Zillions of Games</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2000s</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Ubisoft_Anvil" title="Ubisoft Anvil">Anvil</a></li>
<li><a href="C4_Engine" title="C4 Engine">C4 Engine</a></li>
<li><a href="CryEngine" title="CryEngine">CryEngine</a></li>
<li><a href="Crystal_Tools" title="Crystal Tools">Crystal Tools</a></li>
<li><a href="Euphoria_(software)" title="Euphoria (software)">Euphoria</a></li>
<li><a href="Flare3D" title="Flare3D">Flare3D</a></li>
<li><a href="Frostbite_(game_engine)" title="Frostbite (game engine)">Frostbite</a></li>
<li><a href="Gamebryo" title="Gamebryo">Gamebryo</a></li>
<li><a href="GameSalad" title="GameSalad">GameSalad</a></li>
<li><a href="HeroEngine" title="HeroEngine">HeroEngine</a></li>
<li><a href="IW_(game_engine)" title="IW (game engine)">IW</a></li>
<li><a href="Leadwerks" title="Leadwerks">Leadwerks</a></li>
<li><a href="Marmalade_(software)" title="Marmalade (software)">Marmalade</a></li>
<li><a href="MT_Framework" title="MT Framework">MT Framework</a></li>
<li><a href="PhyreEngine" title="PhyreEngine">PhyreEngine</a></li>
<li><a href="Q_(game_engine)" title="Q (game engine)">Q</a></li>
<li><a href="Rockstar_Advanced_Game_Engine" title="Rockstar Advanced Game Engine">RAGE</a></li>
<li><a href="Shark_3D" title="Shark 3D">Shark 3D</a></li>
<li><a href="Source_(game_engine)" title="Source (game engine)">Source</a></li>
<li><a href="Titan_(game_engine)" title="Titan (game engine)">Titan</a></li>
<li><a href="Unigine" title="Unigine">Unigine</a></li>
<li><a href="Unity_(game_engine)" title="Unity (game engine)">Unity</a></li>
<li><a href="Unreal_Engine_2" title="Unreal Engine 2">Unreal Engine 2</a></li>
<li><a href="Unreal_Engine_3" title="Unreal Engine 3">Unreal Engine 3</a></li>
<li><a href="Virtools" class="mw-redirect" title="Virtools">Virtools 2.5</a></li>
<li><a href="Vicious_Engine" class="mw-redirect" title="Vicious Engine">Vicious Engine</a></li>
<li><a href="Vision_(game_engine)" title="Vision (game engine)">Vision</a></li>
<li><a href="Visual3D_Game_Engine" title="Visual3D Game Engine">Visual3D Game Engine</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2010s</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="4A_Engine" class="mw-redirect" title="4A Engine">4A Engine</a></li>
<li><a href="Amazon_Lumberyard" title="Amazon Lumberyard">Amazon Lumberyard</a></li>
<li><a href="Bitsquid" title="Bitsquid">Bitsquid</a></li>
<li><a href="Buildbox" title="Buildbox">Buildbox</a></li>
<li><a href="Construct_(game_engine)" title="Construct (game engine)">Construct</a></li>
<li><a href="Creation_Engine" title="Creation Engine">Creation Engine</a></li>
<li><a href="Decima_(game_engine)" title="Decima (game engine)">Decima</a></li>
<li><a href="Defold" title="Defold">Defold</a></li>
<li><a href="Felgo" title="Felgo">Felgo</a></li>
<li><a href="ForgeLight" title="ForgeLight">ForgeLight</a></li>
<li><a href="Fox_Engine" title="Fox Engine">Fox Engine</a></li>
<li><a href="Id_Tech_5" title="Id Tech 5">id Tech 5</a></li>
<li><a href="Id_Tech_6" title="Id Tech 6">id Tech 6</a></li>
<li><a href="Ignite_(game_engine)" title="Ignite (game engine)">Ignite</a></li>
<li><a href="Luminous_Engine" title="Luminous Engine">Luminous Engine</a></li>
<li><a href="Pixel_Game_Maker_MV" title="Pixel Game Maker MV">Pixel Game Maker MV</a></li>
<li><a href="RE_Engine" title="RE Engine">RE Engine</a></li>
<li><a href="Snowdrop_(game_engine)" title="Snowdrop (game engine)">Snowdrop</a></li>
<li><a href="Stencyl" title="Stencyl">Stencyl</a></li>
<li><a href="Source_2" title="Source 2">Source 2</a></li>
<li><a href="UbiArt_Framework" title="UbiArt Framework">UbiArt Framework</a></li>
<li><a href="Unreal_Engine_4" title="Unreal Engine 4">Unreal Engine 4</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2020s</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Id_Tech_7" title="Id Tech 7">id Tech 7</a></li>
<li><a href="Unreal_Engine_5" title="Unreal Engine 5">Unreal Engine 5</a></li>
<li><a href="S%26box" title="S&amp;box">S&amp;box</a></li></ul>
</div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="Free_and_open-source_software" title="Free and open-source software">Free and<br>open-source</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th id="1970s25" scope="row" class="navbox-group" style="width:1%">1970s</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Z-machine" title="Z-machine">Z-machine</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">1990s</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Adventure_Game_Studio" title="Adventure Game Studio">Adventure Game Studio</a></li>
<li><a href="Build_(game_engine)" title="Build (game engine)">Build</a></li>
<li><a href="Crystal_Space" title="Crystal Space">Crystal Space</a></li>
<li><a href="Doom_engine" title="Doom engine"><i>Doom</i> engine</a></li>
<li><a href="Game-Maker" title="Game-Maker">Game-Maker</a></li>
<li><a href="OHRRPGCE" class="mw-redirect" title="OHRRPGCE">OHRRPGCE</a></li>
<li><a href="Quake_engine" title="Quake engine"><i>Quake</i> engine</a></li>
<li><a href="Quake_II_engine" title="Quake II engine"><i>Quake II</i> engine</a></li>
<li><a href="Stratagus" title="Stratagus">Stratagus</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2000s</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Away3D" title="Away3D">Away3D</a></li>
<li><a href="Blender_Game_Engine" title="Blender Game Engine">Blender Game Engine</a></li>
<li><a href="Bork3D_Game_Engine" class="mw-redirect" title="Bork3D Game Engine">Bork3D Game Engine</a></li>
<li><a href="Cocos2d" title="Cocos2d">Cocos2d</a></li>
<li><a href="Dim3" title="Dim3">Dim3</a></li>
<li><a href="Game_Editor" title="Game Editor">Game Editor</a></li>
<li><a href="GDevelop" title="GDevelop">GDevelop</a></li>
<li><a href="Id_Tech_3" title="Id Tech 3">id Tech 3</a></li>
<li><a href="Id_Tech_4" title="Id Tech 4">id Tech 4</a></li>
<li><a href="Irrlicht_Engine" title="Irrlicht Engine">Irrlicht Engine</a></li>
<li><a href="JMonkeyEngine" title="JMonkeyEngine">jMonkeyEngine</a></li>
<li><a href="Lightweight_Java_Game_Library" class="mw-redirect" title="Lightweight Java Game Library">Lightweight Java Game Library</a></li>
<li><a href="L%C3%B6ve_(game_framework)" title="Löve (game framework)">Löve</a></li>
<li><a href="OGRE" title="OGRE">OGRE</a></li>
<li><a href="Open_Wonderland" title="Open Wonderland">Open Wonderland</a></li>
<li><a href="Panda3D" title="Panda3D">Panda3D</a></li>
<li><a href="Papervision3D" title="Papervision3D">Papervision3D</a></li>
<li><a href="Plasma_(game_engine)" class="mw-redirect" title="Plasma (game engine)">Plasma</a></li>
<li><a href="Platinum_Arts_Sandbox" title="Platinum Arts Sandbox">Platinum Arts Sandbox</a></li>
<li><a href="Pygame" title="Pygame">Pygame</a></li>
<li><a href="Ren'Py" title="Ren'Py">Ren'Py</a></li>
<li><a href="Scratch_(programming_language)" title="Scratch (programming language)">Scratch</a></li>
<li><a href="Solar2D" title="Solar2D">Solar2D</a></li>
<li><a href="Thousand_Parsec" title="Thousand Parsec">Thousand Parsec</a></li>
<li><a href="Torque_(game_engine)" title="Torque (game engine)">Torque</a></li>
<li><a href="Vassal_Engine" class="mw-redirect" title="Vassal Engine">Vassal Engine</a></li>
<li><a href="Wintermute_Engine" title="Wintermute Engine">Wintermute Engine</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2010s</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Delta3D" title="Delta3D">Delta3D</a></li>
<li><a href="Godot_(game_engine)" title="Godot (game engine)">Godot</a></li>
<li><a href="GPUOpen" title="GPUOpen">GPUOpen</a></li>
<li><a href="Horde3D" title="Horde3D">Horde3D</a></li>
<li><a href="LibGDX" title="LibGDX">libGDX</a></li>
<li><a href="Moai_(software)" title="Moai (software)">Moai</a></li>
<li><a href="OpenFL" title="OpenFL">OpenFL</a></li>
<li><a href="ORX" title="ORX">ORX</a></li>
<li><a href="PlayCanvas" title="PlayCanvas">PlayCanvas</a></li>
<li><a href="Raylib" title="Raylib">Raylib</a></li>
<li><a href="Snap!_(programming_language)" title="Snap! (programming language)">Snap!</a></li>
<li><a href="Stencyl" title="Stencyl">Stencyl</a></li>
<li><a href="Stride_(game_engine)" title="Stride (game engine)">Stride</a></li></ul>
</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">2020s</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em">
<ul><li><a href="Open_3D_Engine" title="Open 3D Engine">Open 3D Engine</a></li></ul>
</div></td></tr></tbody></table><div></div></td></tr></tbody></table></div></div><!--htdig_noindex--><div><div class="zim-footer">
This article is issued from <a class="external text" title="Last edited on 2025-08-07" href="https://en.wikipedia.org/wiki/?title=Tile-based_video_game&amp;oldid=1304626311">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>

</body></html>